<template>
<div class="footer">
	<!--底部连接-->
	<div class="f-box">
		<div class="f-list">
			<span>活动</span>
			<ul>
				<li><a href="#">会议</a></li>
				<li><a href="#">竞赛</a></li>
				<li><a href="#">认证</a></li>
				<li><a href="#">培训</a></li>
			</ul>
		</div>
		<div class="f-list">
			<span>会员</span>
			<ul>
				<li><a href="#">会员简介</a></li>		
					<li><a href="#">会员权益</a></li>
				<li><a href="#">加入我们</a></li>
				<li><a href="#">会员交付</a></li>
				<li><a href="#">学会会员</a></li>
			</ul>
		</div>
		<div class="f-list">
			<span>数字图书馆</span>
			<ul>
				<li><a href="#">xxxx</a></li>
				<li><a href="#">期刊</a></li>
				<li><a href="#">会议</a></li>
				<li><a href="#">讲稿</a></li>
				<li><a href="#">图集</a></li>
				<li><a href="#">上传/发布作品</a></li>
			</ul>
		</div>
		<div class="f-list">
			<span>专委</span>
			<ul>
				<li><a href="#">专委简介</a></li>
				<li><a href="#">专委条例</a></li>																
				<li><a href="#">工作问答</a></li>
				<li><a href="#">专委名单</a></li>
			</ul>
		</div>
		<div class="f-list">
			<span>奖励</span>
			<ul>
				<li><a href="#">奖励动态</a></li>
				<li><a href="#">奖励目录</a></li>																
				<li><a href="#">历年获奖名单</a></li>
				<li><a href="#">奖项推荐</a></li>
				<li><a href="#">评奖条例</a></li>
			</ul>
		</div>		
		<div class="f-list">
			<span>关于我们</span>
			<ul>
				<li><a href="#">简介</a></li>
				<li><a href="#">组织机构</a></li>																
				<li><a href="#">规章</a></li>
				<li><a href="#">大事记</a></li>
				<li><a href="#">联系我们</a></li>
			</ul>
		</div>			
	</div>

		<div class="copy">
			<span>
			xx组织&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.miibeian.gov.cn" target="_blank">xxxxxxx</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">联系我们</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">法律声明</a>
			</span>
			<a class="ico chengxin" href="#" target="_blank"> <img src="../../assets/img/chengxin@2x.png"></a>
			<a class="ico kexin" href="#" target="_blank"> <img src="../../assets/img/kexin@2x.png"></a>
		</div>
	</div>
</template>

<script>
export default {
  name: "MyFooter",
};
</script>

<style scoped>
/* footer区域 */
.footer {
  width: 100%;
  min-width: 1004px;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-content: center;
}
.content::after {
  content: "";
  display: block;
  clear: both;
}
.footer .f-box {
  width: 1004px;
  margin: 30px auto;
  overflow: hidden;
  display: flex;
  flex-direction: row;
}
.footer .f-box .f-list {
  width: 16.6%;
  height: 100%;
  text-align: left;
}

.footer .f-box .f-list span {
  font: 14px "microsoft yahei";
  color: #666666;
  font-weight: 500;
  text-align: center;
}
.footer .f-box .f-list ul {
  width: 100%;
  height: 135;
  margin-top: 15px;
}

.footer .f-box .f-list a {
  font-size: 11px;
  color: #a7a7a7;
  line-height: 2em;
}

.footer .f-box .f-list ul li img {
  width: 100px;
  margin: 0 auto;
  margin-left: 20px;
}

.footer.share_list li img {
  vertical-align: middle;
  margin-right: 4px;
}

.footer .copy {
  position: relative;
  height: 50px;
  width: 1004px;
  bottom: 10px;
  margin-top: 25px;
  line-height: 50px;
  margin: 0 auto;

  border-top: 1px solid #e6e6e6;
}

.footer .copy span {
  height: 30px;
  font: 12px;
}

.footer .copy a {
  text-decoration: none;
  font: 12px;
  color: #358dbb;
}

.footer .copy .ico {
  position: absolute;
  right: 0;
  width: 25px;
  height: 25px;
  display: block;
  top: 15px;
}
.footer .copy .ico img {
  width: 100%;
}
.footer .copy .chengxin {
  right: 30px;
}
</style>